page{
	background-color: #FFFFFF;
}
.page2{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
display: flex;
flex-direction: column;
	// padding-bottom: 100rpx;
	// background: linear-gradient(190deg, #ff5b23,#fff);
}
.top{
	    background: linear-gradient(180deg, rgb(255 97 35), rgb(255 250 245));
}
/* 搜索 */
.search-index{
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
margin: 100rpx 0px 20rpx;
	// background-color: #FFFFFF;
	.search{
		display: flex;
		align-items: center;
		padding: 0 3%;
flex-grow: 1;
    margin: 0 4%;
		height: 2rem;
		background-color: #fff;
		border-radius: 60rpx;
		input{
			width: 90%;
			height: 100%;
			color: #212121;
			font-size: 0.9rem;
			margin-left: 10rpx;
		}
	}
}
/* 分类数据 */
.classify-data{
display: flex;
    width: 100%;
    flex-grow: 1;
    background-color: rgb(255 255 255);
    overflow: hidden;
	.classify-one{
    min-width: 92px;
		height: 100%;
		background-color: #f5f5f5;
		.classify-list{
			width: 100%;
			height: 100%;
			.list{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 3.4rem;
				text{
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					color: #212121;
					font-size: 13px;
					box-sizing: border-box;
				}
			}
			.action{
				background-color: #FFFFFF;
				text{
					font-size: 13px;
					font-weight: 700;
					border-left: 0.2rem solid #00dc35;
					color: #00dc35;
					box-sizing: border-box;
				}
			}
		}
	}
	.classify-two-three{
		flex-grow: 1;
		height: 100%;
padding: 2% 5%;
		.scroll{
			width: 100%;
			height: 100%;
			.classify-two{
				width: 100%;
				.two-name{
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 80rpx;
					color:#ccc;
					.name{
						padding: 0 0.5rem;
						font-size: 0.6rem;
						color: #212121;
					}
				}
			}
			.classify-three{
			margin-top: 10px;
				display: grid;
				// flex-wrap: wrap;
				gap: 1rem;
				width: 100%;
				.list{
					position: relative;
					display: flex;
					flex-grow: 1;
					gap: 0.5rem;
					// width: 32%;
					height: 6rem;
					// margin-right: 2%;
					image{
					width: 108%;
					height: 6rem;
					border-radius: 0.3rem;
					}
					.content{
						position: relative;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						flex-grow: 1;
						text{
							color: #212121;
							font-size: 0.6rem;
							// margin-top: 10rpx;
						}
						.two-omit {
								display: -webkit-box;
								-webkit-line-clamp: 2;
								overflow: hidden;
								text-overflow: ellipsis;
								-webkit-box-orient: vertical;
								font-size: 13px
							}
							.money{
								text{
									color: #fc5227;
								}
								.center{
									font-size: 13px;
									font-weight: 600;
								}
							}
							
						.bottom{
							display: flex;
							justify-content: space-between;
							align-items: flex-end;
							.discount{
								color: #6c6c6c;
								text-decoration: line-through;
								font-size: 0.8rem;
							}
							.right{
                 display: flex;
                  gap: 0.5rem;
	                font-size: 13px;
              .number{
	           font-size: 13px;
 }
							 .jia{
				width: 1.3rem;
				height: 1.3rem;
				line-height: 1.3rem;
				font-size: 0.9rem;
								text-align: center;
								border-radius: 50%;
								background-color: #84dc35;
								color: #FFFFFF;
							}
							.jian{
						width: 1.2rem;
						height: 1.2rem;
						line-height: 1.2rem;
						font-size: 0.9rem;
									text-align: center;
									border-radius: 50%;
									background-color: #FFFFFF;
									color: #84dc35;
									border: 1px solid #84dc35;
								}

							}
						}
					}
				}
				.list:nth-child(3n){
					margin-right: 0;
				}
			}
		}
	}
}
.two-omit {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}
	.close-account{
	  position: fixed;
		z-index: 999;
	  left: 0;
		/* #ifndef MP */
		bottom: 90rpx;
		/* #endif */
		/* #ifdef MP */
		bottom: 0;
		/* #endif */
	  display: flex;
	  justify-content: space-between;
	  width: 100%;
	  height: 100rpx;
	  background-color: #FFFFFF;
	  border-top: 2rpx solid #f6f6f6;
	  .check-total{
	    display: flex;
	    align-items: center;
	    width: 50%;
	    height: 100%;
	    .check{
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      width: 70rpx;
				padding: 0 0.2rem;
				margin: 1rem;
	      height: 80%;
				background-color: $base;
				border-radius: 50%;
				position: relative;
				.circle{
					position: absolute;
					top: 0;
					right: 0;
				}
				image{
					width: 1.6rem;
					height: 1.6rem;
				}
	      text{
	        font-size: 36rpx;
	        color: #333333;
	      }
	      .icon-checked{
	        // color: $base;
	        // box-shadow: 0 0 10rpx $base;
	      }
	      .all{
	        font-size: 29rpx;
	        margin-left: 10rpx;
	      }
	    }
	    .total{
	      display: flex;
	      align-items: center;
	      width: 60%;
	      height: 100%;
	      text{
	        font-size: 28rpx;
	        color: #333333;
	      }
	      .price{
	        font-weight: bold;
					color: #fc5727;
	        // color: $base;
	      }
	    }
	  }
	  .account{
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    width: 46%;
	    padding-right: 4%;
	    .btn-calculate{
	      display: flex;
	      justify-content: center;
	      align-items: center;
	      width: 7rem;
	      height: 2.2rem;
	      background-color: $base;
	      border-radius: 60rpx;
	      text{
	        color: #FFFFFF;
	        font-size: 29rpx;
					font-weight: 800;
	      }
	    }
	  }
	}
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.scroll-list {
		@include flex(column);
		padding: 0 10px;
		padding-right: 22px;
		flex-grow: 1;
		&__goods-item {
	    display: grid;
			    margin: 0 6px;
	    align-items: center;
			&__image {
				width: 60px;
				height: 60px;
				border-radius: 50%;
				border: 2px solid #57b931;
			}
			&__text {
				color: #f56c6c;
				text-align: center;
				font-size: 12px;
				margin-top: 5px;
			}
		}
		&__show-more {
			    position: absolute;
			    right: 0;
			    top: 0px;
			background-color: #fff0f0;
			border-radius: 3px;
			padding: 10px 6px;
			gap: 2px;
			@include flex(column);
			align-items: center;
			&__text {
				font-size: 12px;
				width: 12px;
				color: #f56c6c;
				line-height: 16px;
			}
		}
	}
	.nav-more-top {
	    /* #ifdef H5 || APP */
	    top: 135rpx !important;
	    /* #endif */
	}
	.nav-list-more {
	    width: 100%;
	    max-height: 550rpx;
	    overflow-y: auto;
	}
	.nav-list-more image {
	    width: 120rpx;
	    height: 120rpx;
	    border-radius: 50%;
	    // margin-bottom: 10rpx;
	}
